<html>
<head>
<meta charset="UTF-8"/>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<title>Member Validate</title>
<link type="text/css" href="css/all.css" rel="stylesheet" />
<style>
.amLoginWrapper { clear: both; overflow: hidden; padding-top: 18px; text-align: left;height:400px; }
.leftSideLogin { clear: left; float: left; margin-left: 150px;width: 462px; }
.leftSideLogin h1 { border-bottom: 0 solid #FFFFFF; color: #303326; font-size: 26px; font-weight: 100; margin-bottom: 18px; text-transform: none; }
.leftSideLogin p { margin: 0; padding: 0; }
.leftSideLogin form p { position: relative; }
.leftSideLogin label { color: #414141; font-size: 13px; left: 35px; position: absolute; top: 26px; }
.leftSideLogin input.login.username { background: url("images/user.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px;*line-height:46px;font-size:12px; width: 288px; padding-left: 34px;display:block; }
.leftSideLogin p.loginHint { color: #9EA7B3; font-size: 10px; margin-bottom: 10px; word-spacing: -1px; }
.leftSideLogin input.login.password { background: url("images/pass.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px; *line-height:46px;font-size: 12px; width: 288px; padding-left: 34px; display: block; }
.leftSideLogin input.email{background: url("images/emailinput.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px;*line-height:46px;font-size:12px; width: 288px; padding-left: 34px;display:block;}
.leftSideLogin p.loginHint { color: #9EA7B3; font-size: 10px; margin-bottom: 10px; word-spacing: -1px; }
input.loginimage { background: url("images/secure-login.png"); border: 0 solid #FFFFFF; cursor: pointer; height: 53px; margin-left: -5px; width: 299px;color:#fff;font-size:18px; font-weight:bold; }
.rightSideLogin { border-left: 1px solid #CECECE; clear: right; float: left; margin-bottom: 18px; padding-left: 18px; width: 290px; }
.rightSideLogin h2 { color: #303326; font-family: "Trebuchet", Trebuchet MS, serif; font-size: 18px; padding-bottom: 8px; }
.rightSideLogin p { color: #303326; font-size: 11px; line-height: 18px; margin-bottom: 10px; }
.pop-box { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 408px; z-index: 90; text-align: left; border-radius: 8px; -webkit-border-radius: 8px; }
.pop-main { background-color: #FFFFFF; border: 1px solid #BBBBBB; border-radius: 8px; -webkit-border-radius: 8px; }
.pop-main .pop-hd { background-color: #F4F4F4; padding: 8px 10px; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }
.pop-main .pop-hd h3 { color: #424242; font-size: 14px; }
.pop-main .pop-hd .close { background: url(${rc.getContextPath()}/front/images/box_close.gif); height: 13px; position: absolute; right: 8px; top: 10px; width: 11px; z-index: 2; }
label.fieldError {
	line-height: 23px;
	color: #ffb042;
	padding-left: 6px;
	margin: 12px 0 0 120px;
}
label.fieldError2 {
	line-height: 23px;
	color: #ffb042;
	padding-left: 6px;
	margin: 12px 0 0 180px;
}
</style>
<link href="${rc.getContextPath()}/resources/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${rc.getContextPath()}/resources/js/jquery.js"></script>
<script type="text/javascript" src="${rc.getContextPath()}/resources/js/jquery.validate.js"></script>
<script type="text/javascript">
	var base = '${rc.getContextPath()}';
	$(document).ready(function() {
		
		var msg = "${msg}";
		if (msg) {
			alert(msg);
		}

		var $inputForm = $("#registForm");
		$inputForm.validate({
			errorClass : "fieldError",
			rules : {
				code: {
					required:true	
				}
			}
		});
	});	
	
	function saveMember() {
		$('#registForm').submit()
	}
</script>
</head>
<body>
 <#include "${base!}/front/header.html"/>
<div class="main">
  <div class="wrap">
  <div class="amLoginWrapper">
	<div class="leftSideLogin">	
		<h1>Fill in to Your Identify Code</h1>
			<div class="loginOption">
				<form action="${base}/front/validMember.html" method="post" name="registForm" id="registForm">
					<input type="hidden" name="memberId" value="${memberId}"/>
					<p><input type="text" name="code" id="code" class="login username" value=""/></p>
					<p class="loginHint">Fill in Identify Code</p>
					<input type="button" class="loginimage" border="0" value="OK" onclick="saveMember()"/>
				</form>				
			</div>
	</div>
	<div class="rightSideLogin">
		<h2>Everything just got easier!</h2>
		<p>Register is now a Web.com company. And that means you can now take advantage of special Friends & Family discounts on Web.com's acclaimed "Build it For Me" services, for a limited time.</p>
		<a href="#"><img width="287" height="200" src="images/tempyl.jpg" /></a>
	</div>
  </div>
  
</div>
</div>
<#include "${base!}/front/footer.html"/>
</body>
</html>